<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
	
			
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<title><?php echo $this->_var['page_title']; ?></title> 
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/style.css" media="screen" />
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/red/red.css" media="screen" title="red" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/yellow/yellow.css" media="screen" title="yellow" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/orange/orange.css" media="screen" title="orange" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/blue/blue.css" media="screen" title="blue" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/green/green.css" media="screen" title="green" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/purple/purple.css" media="screen" title="purple" />
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/superfish.css" media="screen">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/prettyPhoto.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/font-awesome.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/audioplayer.css" media="screen" />	
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/rs-plugin/css/settings.css" media="screen" />		

			
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/responsive.css" media="screen" />	
	
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/font-awesome-ie7.min.css">
	<![endif]-->
	
	<!--[if lt IE 9]>
	<script src="html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/hoverIntent.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/superfish.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.jcarousel.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.tweet.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jflickrfeed.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/slides.min.jquery.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.mobilemenu.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.contact.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.preloadify.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.jplayer.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.isotope.min.js"></script>
	
	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/custom.js"></script>
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/template-changer.css" media="screen"/>		
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.cookie.js"></script>	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/styleswitch.js"></script>	
	
	
	<!-- <link href='fonts.googleapis.com/css@family=Open+Sans_3A300,400,600,700' rel='stylesheet' type='text/css'> -->


<script type="text/javascript">
	$(function()
		{
			// Call stylesheet init so that all stylesheet changing functions 
			// will work.
			$.stylesheetInit();
			
			// This code loops through the stylesheets when you click the link with 
			// an ID of "toggler" below.
			$('#toggler').bind(
				'click',
				function(e)
				{
					$.stylesheetToggle();
					return false;
				}
			);
			
			// When one of the styleswitch links is clicked then switch the stylesheet to
			// the one matching the value of that links rel attribute.
			$('.styleswitch').bind(
				'click',
				function(e)
				{
					$.stylesheetSwitch(this.getAttribute('rel'));
					return false;
				}
			);
		}
	);
</script>	
	
</head> 


<body class="home"> 

<!-- setting a fullscreen image as background:
<img id="bg" src="themes/default/images/apple.jpg" alt="apple-background" />
-->


	<div class="theme-changer-wrap">
		<div class="theme-changer">
			<div class="changer-inner">				
				<span> 颜色设置 </span>
					<ul id="colors">
						<li><a href="index.html@style=yellow" rel="yellow" class="styleswitch color-yellow">黄色</a></li>
						<li><a href="index.html@style=orange" rel="orange" class="styleswitch color-orange">桔色</a></li>
						<li><a href="index.html@style=blue" rel="blue" class="styleswitch color-blue">蓝色</a></li>
						<li><a href="index.html@style=green" rel="green" class="styleswitch color-green">绿色</a></li>
						<li><a href="index.html@style=red" rel="red" class="styleswitch color-red">红色</a></li>
						<li><a href="index.html@style=purple" rel="purple" class="styleswitch color-purple">紫色</a></li>
					
					</ul>
					<div style="clear:both; height:10px; width:100%"></div>				
			</div>
		</div>
		<div class="open-close"></div>
	</div> 	

<div id="wrapper">
	<header id="header">
		<div class="centered-wrapper">
			<div class="one-third">
				<div class="logo"><a href="index.html"></a></div>
			</div>
			
			<div class="two-third column-last">		
				<nav id="navigation">
					<ul id="mainnav">
						<li><a href="index.php"><span>主页</span></a>
							<!--<ul>
								<li><a class="current" href="index.html">主页 版本 1</a></li>
								<li><a href="index-2.html">主页 版本 2</a></li>
								<li><a href="index-3.html">主页 版本 3</a></li>
								<li><a href="index-4.html">主页 版本 4</a></li>
								<li><a href="index-onepage.html">主页 (显示所有项)</a></li>
							</ul>-->
						</li>
						<?php $_from = $this->_var['categories']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'cat');if (count($_from)):
    foreach ($_from AS $this->_var['cat']):
?>
							<li><a href="<?php echo $this->_var['cat']['url']; ?>"><span><?php echo htmlspecialchars($this->_var['cat']['name']); ?></span></a><ul>
								<?php $_from = $this->_var['cat']['cat_id']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'child');if (count($_from)):
    foreach ($_from AS $this->_var['child']):
?>
									<li><a href="<?php echo $this->_var['child']['url']; ?>"><?php echo htmlspecialchars($this->_var['child']['name']); ?></a></li>
								<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
							</ul></li>
						<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
						
					</ul>
				</nav>
			</div>
		<div class="clear"></div>			
		</div>
	</header>	

	<div class="top-shadow"></div>
	<div class="fullwidthbanner-container">
		<div class="fullwidthbanner">
			<ul>
				
				<li data-transition="slidedown" data-slotamount="15" data-masterspeed="300">
					<img src="<?php echo $this->_var['file_dir']; ?>/images/slides/slide5.jpg" alt="" />
									
					<div class="caption box-slide1 lfl ltl"  
						 data-x="0" 
						 data-y="150" 
						 data-speed="300" 
						 data-start="1000" 
						 data-easing="easeOutExpo"><h2>HEY THERE! WE ARE SYMPATHIQUE</h2><p>This fullwidth slider is a very flexible one, and works with text, images, videos, or all of them in the same slide. Cool!</p></div>
				</li>
				
				
				<!--<li data-transition="fade" data-slotamount="15" data-masterspeed="300">-->
					
					<!--<img src="themes/default/images/slides/slide3.jpg" alt="" />-->
															
					
					<!--<div class="caption box-slide2 lft ltt"  
						 data-x="770" 
						 data-y="110" 
						 data-speed="300" 
						 data-start="500" 
						 data-easing="easeOutExpo"><h2>JJ ROYAL PROJECT</h2><p>Describing projects it`s so easy. Define a caption, style it as you want and drop in it some content, not any type of content but only awesome content! You can also add HTML code, like buttons:</p><a class="button red" href="#">Find Out More</a></div>
				</li>-->		
				
				
				<!--<li data-transition="papercut" data-slotamount="15" data-masterspeed="300" data-link="portfolio-single.html">
					<img src="<?php echo $this->_var['file_dir']; ?>/images/slides/slide2.jpg" alt="" />-->

				
				<!--<li data-transition="slideright" data-slotamount="15" data-masterspeed="300">
					<img src="<?php echo $this->_var['file_dir']; ?>/images/slides/slide1.jpg" alt="" />
									
					<div class="caption title_text lfl stl"  
						 data-x="0" 
						 data-y="250" 
						 data-speed="300" 
						 data-start="1000" 
						 data-easing="easeOutExpo">CREATE UNLIMITED CAPTIONS</div>
									
					<div class="caption description_text lfl stl"  
						 data-x="0" 
						 data-y="292" 
						 data-speed="300" 
						 data-start="1300" 
						 data-easing="easeOutExpo">AND STYLE AND ANIMATE THEM INDIVIDUALLY</div>
				</li>	-->
				
				<!--<li data-transition="fade" data-slotamount="15" data-masterspeed="300">
					<img src="<?php echo $this->_var['file_dir']; ?>/images/slides/slide6.jpg" alt="" />
									
					<div class="caption lfl fadeout"  
						 data-x="0" 
						 data-y="40" 
						 data-speed="300" 
						 data-start="500" 
						 data-easing="easeOutExpo"><img src="<?php echo $this->_var['file_dir']; ?>/images/slides/layer1.jpg" alt=""></div>
									
					<div class="caption lfl fadeout"  
						 data-x="15" 
						 data-y="260" 
						 data-speed="300" 
						 data-start="800" 
						 data-easing="easeOutExpo"><img src="<?php echo $this->_var['file_dir']; ?>/images/slides/layer2.jpg" alt=""></div>
					<div class="caption lfr fadeout"  
						 data-x="855" 
						 data-y="60" 
						 data-speed="300" 
						 data-start="1100" 
						 data-easing="easeOutExpo"><img src="<?php echo $this->_var['file_dir']; ?>/images/slides/layer4.jpg" alt=""></div>
									
					<div class="caption lfr fadeout"  
						 data-x="880" 
						 data-y="290" 
						 data-speed="300" 
						 data-start="1400" 
						 data-easing="easeOutExpo"><img src="<?php echo $this->_var['file_dir']; ?>/images/slides/layer5.jpg" alt=""></div>						 
				</li>	-->				
			</ul>
			<!--enable slider timer 
				<div class="tp-bannertimer"></div>
			-->
		</div>
		<div class="bottom-shadow"></div>	
	</div>
	
	
	<div class="centered-wrapper">	
	
		<!-- 
		<section class="intro">
			<h2>我们是一个获奖的数码工作室，专门从事网页设计。</h2>
			<h5>我们的项目脱颖而出，所以如果你想合作，<a href="#">与我们取得联系</a>， 看看我们能否帮你！</h5>
		</section>
		-->
		
		<?php if (isset ( $this->_var['best_goods'] )): ?>
		<section>
			<div class="bgtitle"><h2>精品推荐<a href="search.php?intro=best" style="margin-left:10px;">查看更多</a></h2></div>
			<ul id="portfolio-carousel">
				<?php $_from = $this->_var['best_goods']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'bgoods');if (count($_from)):
    foreach ($_from AS $this->_var['bgoods']):
?>
					<li>
						<a href="<?php echo $this->_var['bgoods']['url']; ?>">
							<span class="item-on-hover"></span>
							<img src="<?php echo $this->_var['bgoods']['thumb']; ?>" width="50px;" height="50px;" alt="<?php echo htmlspecialchars($this->_var['bgoods']['name']); ?>" />
						</a>
						<div class="portfolio-carousel-details">
							<h3><a href="portfolio-single.html"><?php echo $this->_var['bgoods']['short_style_name']; ?></a></h3>
							<span><?php if ($this->_var['bgoods']['promote_price'] != ""): ?><?php echo $this->_var['bgoods']['promote_price']; ?><?php else: ?><?php echo $this->_var['bgoods']['shop_price']; ?><?php endif; ?></span>
						</div>
					</li>
				<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
			</ul>
		</section>
		<?php endif; ?>
		
		<div class="space"></div>
		
		<?php if (isset ( $this->_var['new_goods'] )): ?>
		<section>
			<div class="bgtitle"><h2>新品推荐<a href="search.php?intro=new" style="margin-left:10px;">查看更多</a></h2></div>
			<ul id="portfolio-new">
				<?php $_from = $this->_var['new_goods']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'ngoods');if (count($_from)):
    foreach ($_from AS $this->_var['ngoods']):
?>
					<li>
						<a href="<?php echo $this->_var['ngoods']['url']; ?>">
							<span class="item-on-hover"></span>
							<img src="<?php echo $this->_var['ngoods']['thumb']; ?>" width="50px;" height="50px;" alt="<?php echo htmlspecialchars($this->_var['ngoods']['name']); ?>" />
						</a>
						<div class="portfolio-carousel-details">
							<h3><a href="portfolio-single.html"><?php echo $this->_var['ngoods']['short_style_name']; ?></a></h3>
							<span><?php if ($this->_var['ngoods']['promote_price'] != ""): ?><?php echo $this->_var['ngoods']['promote_price']; ?><?php else: ?><?php echo $this->_var['ngoods']['shop_price']; ?><?php endif; ?></span>
						</div>
					</li>
				<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
			</ul>
		</section>
		<?php endif; ?>
		
		<div class="space"></div>
		
		<?php if (isset ( $this->_var['hot_goods'] )): ?>
		<section>
			<div class="bgtitle"><h2>热卖商品<a href="search.php?intro=hot" style="margin-left:10px;">查看更多</a></h2></div>
			<ul id="portfolio-hot">
				<?php $_from = $this->_var['hot_goods']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'hgoods');if (count($_from)):
    foreach ($_from AS $this->_var['hgoods']):
?>
					<li>
						<a href="<?php echo $this->_var['hgoods']['url']; ?>">
							<span class="item-on-hover"></span>
							<img src="<?php echo $this->_var['hgoods']['thumb']; ?>" width="50px;" height="50px;" alt="<?php echo htmlspecialchars($this->_var['hgoods']['name']); ?>" />
						</a>
						<div class="portfolio-carousel-details">
							<h3><a href="portfolio-single.html"><?php echo $this->_var['hgoods']['short_style_name']; ?></a></h3>
							<span><?php if ($this->_var['hgoods']['promote_price'] != ""): ?><?php echo $this->_var['hgoods']['promote_price']; ?><?php else: ?><?php echo $this->_var['hgoods']['shop_price']; ?><?php endif; ?></span>
						</div>
					</li>
				<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
			</ul>
		</section>
		<?php endif; ?>
		
	<div class="space"></div>

	<footer id="footer">
		<div class="centered-wrapper">
			<div id="topfooter">
				<div class="one-half">
					<h3>About Us</h3>
					<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam veritatis et quasi nam liber tempore.</p>
					<div class="footer-logo"></div>
				</div>
				<div class="one-half column-last">
					<div class="percent-one-half">
						<h3>We are on Twitter</h3>
						<div class="tweet"></div>
					</div>
					
					<div class="percent-one-half column-last">
						<h3>Get in Touch with Us</h3>
						<ul>
							<li>Address: 1600 Amphitheatre Parkway, Mountain View, CA 94043</li>
							<li>Phone: +321 123 456 7<br/>
							E-mail: <a href="mailto:">johndoe@ipsum.com</a></li>
						</ul>
					</div>					
				</div>
			</div>
		</div>
		
		<div id="bottomfooter">		
			<div class="centered-wrapper">		
				<div class="one-half">
					<p>COPYRIGHT &copy; 2013 - SYMPATHIQUE | ALL RIGHTS RESERVED</p>
				</div>

				<div class="one-half column-last">
					<ul id="social">
						<li><a class="rss" href="#">RSS Feed</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="google" href="#">Google</a></li>
						
					<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above
					
						<li><a class="forrst" href="#">Forrst</a></li>
						<li><a class="dribbble" href="#">Dribbble</a></li>
						<li><a class="vimeo" href="#">Vimeo</a></li>
						<li><a class="linkedin" href="#">LinkedIn</a></li>
						<li><a class="skype" href="#">Skype</a></li> 
					-->	
					</ul>					
				</div>
			</div>				
		</div>
	</footer>	
	
</div>
</body> 
</html>